<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<title>搜索页面</title>

		<link href="${basePath!}/static/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css" />
		<link href="${basePath!}/static/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css" />

		<link href="${basePath!}/static/basic/css/demo.css" rel="stylesheet" type="text/css" />

		<link href="${basePath!}/static/css/seastyle.css" rel="stylesheet" type="text/css" />

		<script type="text/javascript" src="${basePath!}/static/basic/js/jquery-1.7.min.js"></script>
		<script type="text/javascript" src="${basePath!}/static/js/script.js"></script>
	</head>

	<body>

		<!--顶部导航条 -->
		<div class="am-container header">
			<ul class="message-l">
				<div class="topMessage">
					<div class="menu-hd">
						<#if (userInfo)??>
							欢迎您,<a href="${basePath!}/shopping/personal/center/personalCenter.do" target="_top" class="h" style="color:red;">${userInfo.userName}</a>
						<#else>
							<a href="${basePath!}/login.do" target="_top" class="h">亲，请登录</a>
							<a href="#" target="_top">免费注册</a>
						</#if>
					</div>
				</div>
			</ul>
			<ul class="message-r">
				<div class="topMessage home">
					<div class="menu-hd"><a href="${basePath!}/index.do" target="_top" class="h">商城首页</a></div>
				</div>
				<div class="topMessage my-shangcheng">
					<div class="menu-hd MyShangcheng"><a href="${basePath!}/shopping/personal/center/personalCenter.do" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a></div>
				</div>
				<div class="topMessage mini-cart">
					<div class="menu-hd"><a id="mc-menu-hd" href="${basePath!}/shopping/personal/center/personalShopcart.do" target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span>(<strong class="h" style="color:red;">${shopcartGoodsCount}</strong>)</a></div>
				</div>
				<div class="topMessage favorite">
					<div class="menu-hd"><a href="${basePath!}/shopping/personal/center/personalCollection.do" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a></div>
			</ul>
			</div>
			
			

			<!--悬浮搜索框-->
			<div class="nav white">
				<div class="logo"><img src="http://p2s9wr3uo.bkt.clouddn.com/logo.png" /></div>
				<div class="logoBig">
					<li><img src="http://p2s9wr3uo.bkt.clouddn.com/logobig.png" /></li>
				</div>

				<div class="search-bar pr">
					<a name="index_none_header_sysc" href="#"></a>
					<form action="${basePath!}/shopping/search/goods.do" method="get">
						<input id="searchInput" name="goodsName" type="text" placeholder="搜索" value="${classificationDetailName!}" autocomplete="off">
						<input id="ai-topsearch" class="submit am-btn"  value="搜索" index="1" type="submit">
					</form>
				</div>
			</div>

			<div class="clear"></div>
			<b class="line"></b>
           <div class="search">
			<div class="search-list">
			<div class="nav-table">
			   <div class="long-title"><span class="all-goods">全部分类</span></div>
			   <div class="nav-cont">
					<ul>
						<li class="index"><a href="${basePath!}/index.do">首页</a></li>
                        <li class="qc"><a href="#">团购</a></li>
					</ul>
				</div>
			</div>
			
					
					<div class="am-g am-g-fixed">
						<div class="am-u-sm-12 am-u-md-12">
	                  	<div class="theme-popover">	
	                  		<#if relatedGoods?? >
	                  			<div class="searchAbout">
									<span class="font-pale">相关搜索：</span>
									<#list relatedGoods as item>
										<a title="${item.classificationDetailName}" href="#">${item.classificationDetailName}</a>
									</#list>
								</div>
	                  		</#if>
							<ul class="select">
								<p class="title font-normal">
									<#if classificationDetailName??>
										<span class="fl">${classificationDetailName}</span>
									</#if>
									<span class="total fl">搜索到<strong class="num">${searchGoodsIntroductionTotalSize}</strong>件相关商品</span>
								</p>
								<div class="clear"></div>
								<li class="select-result">
									<dl>
										<dt>已选</dt>
										<dd class="select-no"></dd>
										<p class="eliminateCriteria">清除</p>
									</dl>
								</li>
								<div class="clear"></div>
								<li class="select-list">
								<#list classificationDetailAttributes as item>
									<li class="select-list">
									<dl id="select${item_index + 1}">
										<dt class="am-badge am-round">${item.attributeType}</dt>
										<div class="dd-conent">
											<dd class="select-all selected"><a href="#">全部</a></dd>
											<#list item.attributes as itemDetail>
												<dd><a href="#">${itemDetail.name}</a></dd>
											</#list>
										</div>
									</dl>
								</li>
								</#list>
					        
							</ul>
							<div class="clear"></div>
                        </div>
					
							<div class="search-content">
								<div class="sort">
									<li class="first"><a title="综合">综合排序</a></li>
									<li><a title="销量">销量排序</a></li>
									<li><a title="价格">价格优先</a></li>
									<li class="big"><a title="评价" href="#">评价为主</a></li>
								</div>
								<div class="clear"></div>

								<ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 boxes">
									<#list goodsIntroductions as item>
										<li>
											<a href="${basePath!}/shopping/goods/introduction/goodsIntroduction.do?goodsId=${item.id}">
												<div class="i-pic limit">
													<img src="${item.banner}" />											
													<p class="title fl">${item.goodsName}</p>
													<p class="price fl">
														<b>¥</b>
														<strong>${(item.unitPrice/100)?string('#.##')}</strong>
													</p>
													<p class="number fl">
														销量<span>${item.salesAmount}</span>
													</p>
												</div>
											</a>
										</li>
									</#list>
								</ul>
							</div>
							<div class="search-side">

								<div class="side-title">
									经典搭配
								</div>
								
								<#list classicalCollocation as item>
									<li>
										<div class="i-pic check">
											<img src="${item.banner}" />
											<p class="check-title">${item.goodsName}</p>
											<p class="price fl">
												<b>¥</b>
												<strong>${(item.unitPrice/100)?string('#.##')}</strong>
											</p>
											<p class="number fl">
												销量<span>${item.salesAmount}</span>
											</p>
										</div>
									</li>
								</#list>

							</div>
							<div class="clear"></div>
							<!--分页 -->
							<ul class="am-pagination am-pagination-right">
								<li class="am-disabled"><a href="#">&laquo;</a></li>
								<li class="am-active"><a href="#">1</a></li>
								<li><a href="#">2</a></li>
								<li><a href="#">3</a></li>
								<li><a href="#">4</a></li>
								<li><a href="#">5</a></li>
								<li><a href="#">&raquo;</a></li>
							</ul>

						</div>
					</div>
					${copyrightStatement}
				</div>

			</div>
		
	</body>

</html>